// pages/scenic-info/scenic-info.js
Page({
  data: {
    pageTitle: '景区信息',
    searchValue: '',
    searchResults: [],
    isSearching: false,
    currentCardIndex: 0, // 当前显示的卡片索引
    cardSwitchTimer: null, // 卡片切换定时器
    navHeight: 182, // 导航栏高度（包含50rpx下降距离）
    scenicInfo: {
      name: '黑麋峰',
      location: '湖南省长沙市望城区',
      area: '约15平方公里',
      altitude: '海拔590米',
      rating: 4.8,
      description: '黑麋峰是长沙市区内最高的山峰，以其独特的自然风光和丰富的文化底蕴而闻名。'
    },
    historyInfo: {
      title: '历史渊源',
      content: [
        '黑麋峰历史悠久，据传唐代诗人杜甫曾在此留下诗篇。',
        '明清时期，这里曾是文人雅士登高望远、吟诗作赋的胜地。',
        '近代以来，黑麋峰成为长沙市民休闲娱乐的重要场所。'
      ]
    },
    naturalScenery: {
      title: '自然风光',
      content: [
        '山峰巍峨，植被茂密，四季景色各异。',
        '春季山花烂漫，夏季绿荫如盖，秋季层林尽染，冬季银装素裹。',
        '山顶视野开阔，可俯瞰整个长沙市区。'
      ]
    },
    transportation: {
      title: '交通指南',
      content: [
        '公交：乘坐123路、456路公交车至黑麋峰站下车。',
        '自驾：导航至黑麋峰景区，景区设有停车场。',
        '步行：从市区步行约1小时可到达山脚。'
      ]
    },
    searchDataSource: [
      { type: 'scenic', title: '景区信息', content: '黑麋峰基本信息、开放时间、门票价格等', keywords: ['景区', '信息', '门票', '开放时间'] },
      { type: 'history', title: '历史渊源', content: '黑麋峰的历史文化背景和传说故事', keywords: ['历史', '文化', '传说', '杜甫'] },
      { type: 'scenery', title: '自然风光', content: '四季景色、植被特点、观景点位等', keywords: ['自然', '风光', '景色', '观景'] },
      { type: 'transport', title: '交通指南', content: '公交、自驾、步行等不同交通方式', keywords: ['交通', '公交', '自驾', '步行'] }
    ],
    // 景点卡片数据
    scenicCards: [
      {
        id: 1,
        name: '黑麋峰主峰',
        description: '长沙之巅，自然奇观',
        image: '/images/113242511646348178.jpg',
        icon: '📍'
      },
      {
        id: 2,
        name: '人文景观',
        description: '历史遗迹，文化底蕴',
        image: '/images/宣传区域背景图.png',
        icon: '🏔️'
      },
      {
        id: 3,
        name: '观景平台',
        description: '俯瞰长沙，视野开阔',
        image: '/images/113242511646348178.jpg',
        icon: '👁️'
      },
      {
        id: 4,
        name: '登山步道',
        description: '蜿蜒山路，健身休闲',
        image: '/images/宣传区域背景图.png',
        icon: '🥾'
      }
    ]
  },

  onLoad: function(options) {
    console.log('景区信息页面加载')
    // 启动卡片自动切换
    this.startCardSwitch()
  },

  onShow: function() {
    console.log('景区信息页面显示')
  },

  onReady: function() {
    console.log('景区信息页面初次渲染完成')
  },

  onHide: function() {
    console.log('景区信息页面隐藏')
    // 页面隐藏时停止定时器
    this.stopCardSwitch()
  },

  onUnload: function() {
    console.log('景区信息页面卸载')
    // 页面卸载时清理定时器
    this.stopCardSwitch()
  },

  // 启动卡片自动切换
  startCardSwitch() {
    this.stopCardSwitch() // 先停止之前的定时器
    this.data.cardSwitchTimer = setInterval(() => {
      this.switchToNextCard()
    }, 3000) // 每3秒切换一次
  },

  // 停止卡片自动切换
  stopCardSwitch() {
    if (this.data.cardSwitchTimer) {
      clearInterval(this.data.cardSwitchTimer)
      this.data.cardSwitchTimer = null
    }
  },

  // 切换到下一张卡片
  switchToNextCard() {
    const { currentCardIndex, scenicCards } = this.data
    const nextIndex = (currentCardIndex + 1) % scenicCards.length
    
    this.setData({
      currentCardIndex: nextIndex
    })
    
    console.log(`切换到卡片: ${nextIndex + 1}`)
  },

  // 手动切换到指定卡片
  switchToCard(e) {
    const cardIndex = e.currentTarget.dataset.index
    this.setData({
      currentCardIndex: cardIndex
    })
    
    // 重置定时器
    this.startCardSwitch()
  },

  // 搜索输入处理
  onSearchInput: function(e) {
    const searchValue = e.detail.value;
    this.setData({
      searchValue: searchValue
    });
    
    // 实时搜索
    if (searchValue.trim()) {
      this.performSearch(searchValue);
    } else {
      this.setData({
        searchResults: [],
        isSearching: false
      });
    }
  },

  // 执行搜索
  performSearch: function(query) {
    const { searchDataSource } = this.data;
    const results = [];
    
    searchDataSource.forEach(item => {
      // 搜索标题
      if (item.title.toLowerCase().includes(query.toLowerCase())) {
        results.push(item);
        return;
      }
      
      // 搜索内容
      if (item.content.toLowerCase().includes(query.toLowerCase())) {
        results.push(item);
        return;
      }
      
      // 搜索关键词
      const hasKeyword = item.keywords.some(keyword => 
        keyword.toLowerCase().includes(query.toLowerCase())
      );
      if (hasKeyword) {
        results.push(item);
      }
    });
    
    this.setData({
      searchResults: results,
      isSearching: true
    });
  },

  // 搜索框聚焦
  onSearchFocus: function() {
    if (this.data.searchValue.trim()) {
      this.setData({
        isSearching: true
      });
    }
  },

  // 搜索框失焦
  onSearchBlur: function() {
    // 延迟隐藏搜索结果，给用户时间点击
    setTimeout(() => {
      this.setData({
        isSearching: false
      });
    }, 200);
  },

  // 点击搜索结果
  onSearchResultTap: function(e) {
    const { type } = e.currentTarget.dataset;
    this.scrollToSection(type);
    
    // 隐藏搜索结果
    this.setData({
      isSearching: false,
      searchValue: ''
    });
  },

  // 滚动到指定区域
  scrollToSection: function(sectionType) {
    const sectionMap = {
      'scenic': '.info-section',
      'history': '.history-section',
      'scenery': '.scenery-section',
      'transport': '.transport-section'
    };
    
    const selector = sectionMap[sectionType];
    if (selector) {
      wx.createSelectorQuery()
        .select(selector)
        .boundingClientRect((rect) => {
          if (rect) {
            wx.pageScrollTo({
              scrollTop: rect.top - 100,
              duration: 500
            });
          }
        })
        .exec();
    }
  },

  // 导航栏返回按钮点击事件
  onNavBackTap() {
    console.log('导航栏返回按钮点击')
    // 自定义返回逻辑 - 返回到上一页
    wx.navigateBack({
      delta: 1,
      success: () => {
        console.log('成功返回上一页')
      },
      fail: (err) => {
        console.error('返回失败:', err)
        // 如果返回失败，跳转到主页
        wx.redirectTo({
          url: '/pages/index/index'
        })
      }
    })
  },

  // 导航栏高度变化事件
  onNavHeightChange(e) {
    const { totalHeight } = e.detail
    console.log('导航栏高度变化:', totalHeight)
    // 由于导航栏下降了50rpx，需要加上这个距离
    const adjustedHeight = totalHeight + 50
    this.setData({
      navHeight: adjustedHeight
    })
  },

  // 快速导航功能
  quickNavigate() {
    console.log('点击快速导航')
    wx.showToast({
      title: '导航功能开发中',
      icon: 'none'
    })
  },

  // 返回首页
  onBackToHome() {
    wx.navigateBack({
      delta: 1
    })
  },

  // 分享给朋友
  onShareAppMessage() {
    return {
      title: '黑麋峰景区信息',
      path: '/pages/scenic-info/scenic-info',
      imageUrl: '/images/113242511646348178.jpg'
    }
  },

  // 分享到朋友圈
  onShareTimeline() {
    return {
      title: '黑麋峰景区信息',
      imageUrl: '/images/113242511646348178.jpg'
    }
  }
})
